<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>aptools - {% block aptools_title %}{% endblock %}</title>
<style type="text/css">
html {   background: #1d1d1d; }
body {
   margin: 0; padding: 0;
   font: 12px normal Verdana, Arial, Helvetica, sans-serif;
   background: #1d1d1d; 
   color: #FFFFFF;
}

.container {
   position: relative;
   top: 0;
   right: 30%;
   color : #FFFFFF;
}

.body {
   position: absolute;
   top: 0;
   right: 70%;
}
</style>
<link rel="stylesheet" type="text/css" media="screen"
   href="/django/aptools/media/jquery/css/trontastic/jquery-ui-1.8.16.custom.css"/>
<link rel="stylesheet" type="text/css" media="screen"
   href="/django/aptools/media/jquery/css/ui.jqgrid.css"/>
<link rel="stylesheet" type="text/css" media="screen"
   href="/django/aptools/media/jquery/plugins/ui.multiselect.css"/>

<script type="text/javascript" src="/django/aptools/media/jquery/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/django/aptools/media/jquery/js/jquery-ui-1.8.16.custom.min.js">
<script type="text/javascript" src="/django/aptools/media/jquery/js/i18n/grid.locale-en.js">

<script type="text/javascript">
   $.jgrid.no_legacy_api = true;
   $.jgrid.useJSON = true;
</script> 

<script type="text/javascript" src="/django/aptools/media/jquery/js/jquery.jqGrid.min.js">
<script type="text/javascript">

$(document).ready(function() {
   $("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
   $("#topnav li").each(function() { //For each list item...
      var linkText = $(this).find("a").html(); //Find the text inside of the a tag
      $(this).find("span").show().html(linkText); //Add the text in the span tag
   }); 
   
   $("#topnav li").hover(function() {  //On hover...
      $(this).find("span").stop().animate({ 
         marginTop: "-40" //Find the span tag and move it up 40 pixels
      }, 250);
   } , function() { //On hover out...
      $(this).find("span").stop().animate({
         marginTop: "0" //Move the span back to its original state (0px)
      }, 250);
   });
   
});
</script>
{% block aptools_script %} {% endblock %}
</head>

<body>
<div class="container">
   <h1>Access point tools</h1>
   {% url aptools.views.home as home %}
   {% url aptools.views.rfc2893 as rfc2893 %}
   <a href = "{{ home }}">Home</a>
   <a href = "{{ rfc2893 }}">RFC2893</a>
</div>
<div class = "body">
{% block aptools_info %} {% endblock %}
</div>

</body>
</html>
